@charset "utf-8";
/* CSS Document */
body{position:relative;}
.slogan-w{background:#f3514b;position:relative;}
.slogan,.rule-a img,.dec,.join-ok-pic{width:100%;}
.slogan{margin-top:5%;}
.slogan-p{color:#fff;font-size:17px;transform:rotate(-8deg);-webkit-transform:rotate(-3deg);position:absolute;top:52.5%;left:0;text-align:center;width:100%;}
.rule-a{position:absolute;bottom:0;right:0;width:30%;}
.dec{margin-top:-1px;}
.form-w {margin-top:-6%;}
.form-w dl{background:#ffba00;border-radius:7px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin-left:5%;padding:10px;width:90%;}
.form-w dt{color:#f7744a;font-size:16px;text-align:center;}
.rule .title{font-size:18px;text-align:center;line-height:2.2em;}
.form-w dt{margin-bottom:10px;}
.form-w dd{background:#fff;color:#666;margin-bottom:10px;padding:10px;}
.form-w dd input{color:#999;}
.form-w em{color:#f7744a;padding:0 8px 0 6px;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
#joinButton{background:#f3514b;border-radius:10px;color:#fff;font-size:16px;margin:10px 5% 20px;padding:10px;width:90%;}
#joinButtonDisabled{background:#C0C0C0;border-radius:10px;color:#fff;font-size:16px;margin:10px 5% 20px;padding:10px;width:90%;}
.popup{background:rgba(0,0,0,0.5);height:100%;position:absolute;top:0;left:0;width:100%;}
.join-ok{margin-left:5%;margin-top:0;position:absolute;width:90%;}
.rule{margin-left:5%;margin-top:7%;position:relative;width:90%;}
.closeBtn{position:absolute;width:10%;}
.join-ok .closeBtn{right:20%;top:7%;}
.rule{background:#f7744a;border-radius:5px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;color:#fff;padding:10px;}
.rule .closeBtn{right:2%;top:2%;}
.rule ul{list-style:decimal;font-size:14px;line-height:1.8em;list-style-position:outside;padding-left:34px;}
.rule li{width:97%;}
@media only screen and (min-width: 325px) and (max-width: 600px) {
	.slogan-p{top:53.5%}
}
@media only screen and (min-width: 600px){
	.form-w dt{font-size:30px;}
	.form-w dd{font-size:28px;padding:30px 10px;margin-bottom:25px;}
	#joinButton{font-size:32px;margin-top:25px;margin-bottom:40px;padding:20px 0;}
	#joinButtonDisabled{font-size:32px;margin-top:25px;margin-bottom:40px;padding:20px 0;color:black}
	.join-ok,.rule{width:60%;margin-left:20%}
	.rule ul{font-size:26px;padding-left:10%;}
	.rule .title{font-size:32px;}
	.slogan-p{font-size:34px;top:54.4%;}
}